<template>
	<view>
		<tm-menubars title="快速索引" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-quickIndex @change="itemClick" :list="list"></tm-quickIndex>
		
	</view>
</template>

<script>
	import tmQuickIndex from "@/tm-vuetify/components/tm-quickIndex/tm-quickIndex.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"

	export default {
		components:{tmQuickIndex,tmMenubars,tmSheet},
	
		data() {
			return {
				c_wh:0,
				list: [
					{
						title: "A手机品牌",
						children: [
							{title: " 宝马",icon:'https://picsum.photos/100'},
							{title:  "奔驰",icon:'icon-QQ'},
							{title:  "奔驰"},
							{title:  "奔驰"},
							{title:  "奔驰"},
							{title:  "奔驰"},
							{title:  "奔驰"},
							{title:  "奔驰"},
						]
					},
					{
						title: "B手机品牌",
						index:"B",
						children: [
							{title: " 小米"},
							{title:  "华为"},
							{title:  "OPPO"},
							{title:  "VIVO"},
							{title:  "IQOO"},
							{title:  "COOPAI"},
							{title:  "IHPONE"},
							{title:  "SNASUMG"},
						]
					},
					{
						title: "C电脑品牌",
						index:"C",
						children: [
							{title: " 联想"},
							{title:  "华为"},
							{title:  "OPPO"},
							{title:  "VIVO"},
							{title:  "IQOO"},
							{title:  "COOPAI"},
							{title:  "IHPONE"},
							{title:  "SNASUMG"},
						]
					},
					{
						title: "D脑脑品牌",
						index:"D",
						children: [
							{title: " 联想"},
							{title:  "华为"},
							{title:  "OPPO"},
							{title:  "VIVO"},
							{title:  "IQOO"},
							{title:  "COOPAI"},
							{title:  "IHPONE"},
							{title:  "SNASUMG"},
						]
					},
					{
						title: "E品脑品牌",
						index:"E",
						children: [
							{title: " 联想"},
							{title:  "华为"},
							{title:  "OPPO"},
							{title:  "VIVO"},
							{title:  "IQOO"},
							{title:  "COOPAI"},
							{title:  "IHPONE"},
							{title:  "SNASUMG"},
						]
					},
				]
			}
		},
		mounted() {
			
		},
		methods: {
			itemClick(e){
				uni.$tm.toast(`你点击了${JSON.stringify(e)}`)
			}
		}
	}
</script>

<style>

</style>
